<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>对外测试页面</title>
    <style>
        #box1 {
            background-image: url(./image/banner.png);
            height: 475px;
            width: 990px;
            margin: 0 auto;


        }

        #box1 {
            background-color: brown;
            width: 1750px;
        }

        #box2 {
            background-image: url(./image/logo.png);
            width: 170px;
            height: 60px;
            position: relative;
            left: 350px;
            margin: 30px;
        }

        .div1 {

            position: relative;
            left: 150px;
            top: 10px;
            margin: 30px;
            font-size: 25px;
        }

        .a1 {
            float: right;
            font-size: 12px;
        }

        .login-btn:hover {
            background-color: blue;
            text-decoration: none;
        }
    </style>
    <link rel="stylesheet" href="./css/style.css" type="text/css">
</head>

<body>
    <div id="box2">
        <span class="div1">欢迎登陆</span>
    </div>

    <div id="box1">

        <div class="font2">
            <div>
                <article class="content">
                    <div class="wrap">
                        <div class="login-box">
                            <div class="login-form">
                                <h2>京东会员<a href="">立即注册</a></h2>
                                <form action="" method="post" id="loginForm">

                                    <div>
                                        <img src="./image/icon1.jpg" alt="" style="float: left;">
                                        <input type="text" name="userName" placeholder="邮箱/用户名/已验证手机" class="item input"
                                            size="30px">

                                    </div>

                                    <div>
                                        <img src="./image/icon2.jpg" alt="" style="float: left;">
                                        <input type="password" name="userName" placeholder="密码" class="item input"
                                            size="30px">
                                    </div>

                                    <div>
                                        <input type="checkbox" name="login" value="login">自动登录
                                        <a href="#" class="a1">忘记密码？</a>
                                    </div>
                                    <br>
                                    <div class="login-btn">
                                        登录
                                    </div>
                </article>
            </div>

        </div>

    </div>

    <div class="link a copy footer">
        <a href="#"> 关于我们 </a>|<a href="#"> 联系我们 </a>|<a href="#"> 商家入驻 </a>|<a href="#"> 广告服务 </a>|<a href="#"> 手机京东
        </a>|<a href="#"> 友情链接 </a>|<a href="#"> 销售联盟 </a>|<a href="#"> 京东社区 </a>|<a href="#"> 京东公益 </a>|<a href="#">
            English site
        </a>


        <div class="footer">
            Copyinght©2004-2017 京东JD.com 版权所有.
        </div>
</body>

</html>